<template>
  <div :class="$style['rollup-test']">
    <span :class="$style.title">rollup-vue，测试打包-{{ maxNum }}</span>
    <detail-view />
    <template v-if="bb"
      ><ul>
        <li v-for="(item, index) of list" :key="index">{{ item }}</li>
      </ul></template
    >
  </div>
</template>

<script>
import _max from 'lodash/max';
import DetailView from './detail/d.vue';

export default {
  components: { DetailView },
  data() {
    return {
      bb: true,
      list: ['h', 'e', 'l', 'l', 'o'],
      maxNum: ''
    };
  },
  created() {
    console.warn(
      '测试rollup打包 css module 的变量：',
      this.$style['rollup-test'],
      this.$style.rollupTest
    );
    this.maxNum = _max([1, 2, 3]);
  }
};
</script>

<style lang="less" module>
@import url('./ind.less');
</style>
